// 模块化:导出和导入
// ES6模块化(前端), 不要用node来执行, 要插入到html网页中运行


// 1. 默认导出和导入
// 导出: export default 对象
// 导入: import 变量名 from '模块路径.js'
// 注意: .js后缀名必须得写-babel不会自动去添加后缀名
import fn1 from "./ES6_默认导出.js"
console.log('默认：', fn1)


// 2. 按需导出和导入
// 导出: export const 变量名 = 值
// 导入: import {按需导出变量名一致} from '模块路径.js'
// . 代表当前文件所在文件夹
// ./ 访问当前文件夹下的东西
// 如果不写./ 默认找同级目录下的这个文件

// 补充: 可以用as关键给变量起别名
import obj6, { fn as theFn, a } from 'ES6_按需导出.js'
console.log(theFn, a, obj6)

// 补充: 按需导入和默认导入可以一起使用
import obj2 from './ES6_按需导出.js'
console.log(obj2)

import * as obj8 from './ES6_按需导出.js'
console.log('all', obj8)

// 3. 无变量直接导入一个模块
// 目的: 为了让模块文件执行一次
import "./无导出.js"
